<div
  *ngIf="current"
  data-cy="list"
  class="list-group list-group-lg mb-0"
>
  <button
    *ngIf="parent"
    type="button"
    class="list-group-item list-group-item-action"
    data-cy="parent"
    (click)="clickFolder(parent)"
  >
    <span class="mb-0 h3">
      <i class="fa fa-folder-open mr-3"></i>..
    </span>
  </button>

  <button
    type="button"
    class="list-group-item list-group-item-action"
    data-cy="item"
    *ngFor="let item of current.getFolders()"
    (click)="clickFolder(item)"
    appLongPress
    (onRelease)="editFolder(item)"
  >
    <span class="mb-0 h3">
      <i class="fa fa-folder mr-3"></i>{{ item.getName() }}
    </span>
  </button>

  <button
    type="button"
    class="list-group-item list-group-item-action"
    data-cy="item"
    *ngFor="let item of current.getItems()"
    (click)="clickSecret(item)"
    ngxClipboard [cbContent]="asSecret(item).getSecret()"
    appLongPress
    (onRelease)="editSecret(item)"
  >
    <span
      class="mb-0 h3"
      data-cy="secret-name"
    >
      <i class="fa fa-file-o mr-3"></i>{{ item.getName() }}
    </span>
    <span
      class="mb-0 d-block"
      data-cy="secret-content"
    >
      <small class="text-muted">
        {{ asSecret(item).getContent() }}
      </small>
    </span>
  </button>
</div>

<div
  *ngIf="!current || current.isEmpty()"
  data-cy="list"
  class="jumbotron"
>
  <h2>This folder is empty</h2>
</div>
